<html>
    <head>
        <meta charset="UTF-8">
        <title>表单验证</title>
    </head>
    <script type="text/javascript">
    function checkUsername(){
        alert("check username ture?");
        var usrename = doucment.getElementById("username").value;
        alert(username);
    }
    </script>
    <body>
        <!--
            1、表单验证的时候，尽量不要在点击注册按钮的时候才验证，最好用户填写一个
            验证一个，这样设计比较人性化。
            2、我们的表单就采用失去焦点就验证。
            验证通过的话，不显示任何信息，验证失败。
            提示错误信息。将错误星系显示到文本框右面。
        -->
   


        
        <form name="userForm" method="GET" action="">
            用户名
            <input type="text" name="username" name="username" onblur="checkUsername();"/>
            <br><br>

            <input type="submit" value="注册"/>


        </form>
    </body>

</html>
